<template>
  <div style="margin: 50px">
    <el-row>
      <el-col><h5>性能监控</h5></el-col>
      <el-col>
        <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
          <el-tab-pane label="redis" name="Redis">
            <RedisMonitor/>
          </el-tab-pane>
          <el-tab-pane label="rabbitMQ" name="RabbitMQ">
            <RabbitMqMonitor/>
          </el-tab-pane>
          <el-tab-pane label="nacos" name="Nacos">
          </el-tab-pane>

        </el-tabs>
      </el-col>

    </el-row></div>
</template>

<script>
import {ref} from "vue";
import RedisMonitor from "./RedisMonitor.vue";
import RabbitMqMonitor from "./RabbitMqMonitor.vue";


export default {
  name: "IndexView",
  components:{
    RedisMonitor,
    RabbitMqMonitor

  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event)
    },
  },
  data() {
    return {
      activeName : ref('Redis'),
    }
  },

}
</script>

<style scoped>

</style>